﻿@{
    Layout = "";
}

<!DOCTYPE html>

<html>
<head>
    <title>用户组信息User group information</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!-- VENDOR CSS -->
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/jquery/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/bootstrap/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/bootstrap/bootstrap-datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/font-awesome/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/toastr/toastr.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/klorofil/main.css">
    <link rel="stylesheet" type="text/css" href="~/Content/aztech-style.css">

    <script type="text/javascript" src="~/Scripts/vendor/modernizr-2.6.2.js"></script>    
</head>
<body>

    <div id="groupDetailForm" class="panel">
        <div class="panel-body">
            <div class="custom-tabs-line tabs-line-bottom left-aligned">
                <ul class="nav" role="tablist">
                    <li class="active">
                        <a href="#tab-bottom-group-detail" role="tab" data-toggle="tab" aria-expanded="true">基本资料Basic information</a>
                    </li>
                    <li v-if="!isNewGroup" v-on:click="ListMember">
                        <a href="#tab-bottom-group-member" role="tab" data-toggle="tab" aria-expanded="false">成员管理Member management</a>
                    </li>
                </ul>
            </div>

            <div class="tab-content">
                <div id="tab-bottom-group-detail" class="tab-pane fade active in">
                    <form class="form-horizontal">
                        <div id="groupName" class="form-group">
                            <label for="groupName" class="col-sm-2 control-label">用户组名称User group name</label>
                            <div class="col-sm-5">
                                <input type="text" class="form-control" placeholder="请填写名称Please fill in the name" v-model="group.BaseInfo.Name" />
                            </div>
                        </div>
                        <div id="isDisable" class="form-group">
                            <label for="isDisable" class="col-sm-2 control-label">是否禁用whether Disable</label>
                            <div class="col-sm-5">
                                <select class="form-control" v-model="group.BaseInfo.IsDisable">
                                    <option v-for="(value, key, idx) in isDisableDictionary" v-bind:value="value">{{key}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <input type="text" v-model="group.BaseInfo.ID" hidden />
                                <button v-if="isNewGroup" class="btn btn-default" v-on:click="SaveGroup($event)">保存preservation</button>
                                <button v-if="!isNewGroup" class="btn btn-default" v-on:click="UpdateGroup($event)">更新renew</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div id="tab-bottom-group-member" class="tab-pane fade" v-if="!isNewGroup">
                    <div class="row">
                        <div class="col-xs-6" v-for="(user, index) in userList">
                            <label class="fancy-checkbox">
                                <input type="checkbox" v-bind:value="user.ID" />
                                <span>{{user.Name}}/{{user.NameChs}}</span>
                            </label>
                        </div>
                    </div>
                    <br />
                    <div class="row">
                        <div class="form-group">
                            <div class="col-xs-12">
                                <button class="btn btn-default" v-on:click="UpdateMember">更新成员信息renew member information</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery.cookie.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/bootstrap/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/klorofil/klorofil-common.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/respond.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="~/Scripts/aztech-global.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
    <script type="text/javascript" src="~/Scripts/aztech-script.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
    <script type="text/javascript" src="~/Scripts/pageJs/Account/GroupDetail.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
</body>
</html>

